<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车页面</title>
    <!-- <link rel="stylesheet" href="../css/base.css"> -->
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/cart.css">
    
</head>

<body>
     <!-- 黑色导航部分开始 -->
  <div class="header">
    <div class="wrap">
        <ul class="header_left">
            <li><a href="#">小米商城</a><span>|</span></li>
            <li><a href="https://home.miui.com/">MIUI</a><span>|</span></li>
            <li><a href="https://iot.mi.com/">loT</a><span>|</span></li>
            <li><a href="https://i.mi.com/">云服务</a><span>|</span></li>
            <li><a href="https://airstar.com/home">天星数科</a><span>|</span></li>
            <li><a href="https://www.xiaomiyoupin.com/">有品</a><span>|</span></li>
            <li><a href="https://xiaoai.mi.com/">小爱开放平台</a><span>|</span></li>
            <li><a href="https://qiye.mi.com/">企业团购</a><span>|</span></li>
            <li><a href="https://www.mi.com/aptitude/list?id=88">资质证照</a><span>|</span></li>
            <li><a href="https://www.mi.com/aptitude/list">协议规则</a><span>|</span></li>
            <li><a href="#">下载APP</a><span>|</span></li>
            <li><a href="#">智能生活</a><span>|</span></li>
            <li><a href="#">SelectLocation</a><span>|</span></li>
        </ul>
        <ul class="header_right">
            <li><a href="./index.html">返回首页</a><span>|</span></li>
            <li><a href="./商品首页.html">返回商品首页</a><span>|</span></li>
            <!-- <li><a href="#">消息通知</a><span>|</span></li> -->
          <li> <a href="../views/cart.html">
            <i class="iconfont icon-gouwuche"></i>购物车
        </a></li>
               
                <!-- <div class="cart_list">购物车中还没有商品，赶紧选购吧</div> -->
        </ul>

    </div>
</div>
<!-- 黑色导航部分结束 -->

    <!-- <div class="header container">
        <span>购物车页面</span>

        <p class="active">
            <a href="./index.html">返回首页</a>
            <a href="./list.html">返回列表页</a>
        </p>
    </div> -->

    <div class="content container">

        <div class="empty">
            <img src="https://img1.baidu.com/it/u=3334466282,826560232&fm=26&fmt=auto" alt="">
        </div>

        <div class="cart active">
            <!-- JS 渲染 -->
            <!-- <div class="top">
                全选: <input class="selectAll" type="checkbox">
            </div>
            <ul class="center">
                <li>
                    <div class="select">
                        <input type="checkbox" class="select_item">
                    </div>
                    <div class="show">
                        <img src="" alt="">
                    </div>
                    <div class="title">胜多负少的个梵蒂冈的风格的风格的</div>
                    <div class="price">￥0.00</div>
                    <div class="number">
                        <button class="sub">-</button>
                        <input type="text" value="1">
                        <button class="add">+</button>
                    </div>
                    <div class="subPrice">￥0.00</div>
                    <div class="del">
                        <button class="delBtn">删除</button>
                    </div>
                </li>
            </ul>
            <div class="bottom">
                <p>共计0件商品</p>
                <div>
                    <button class="clear">清空购物车</button>
                    <button class="delAll">删除所有已选中</button>
                    <button class="pay">去支付</button>
                </div>
                <p>总价￥ 0.00</p>
            </div> -->
            <!-- JS 渲染 -->
        </div>
    </div>
    <footer>
        <div class="footer_top">
            <div class="footer-service">
                <ul>
                    <li><a href="">预约维修服务</a></li>
                    <li><a href="">7天无理由退货</a></li>
                    <li><a href="">15天免费换货</a></li>
                    <li><a href="">满69包邮</a></li>
                    <li style="border-right : 0"><a href="">520余家售后网点</a></li>
                </ul>
            </div>
            <div class="footer_clearfix">
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a>
                    </dd> </dl>
                <dl>
                    <dt>服务支持</dt>
                    <dd><a href="">售后政策</a></dd>
                    <dd><a href=""> 自助服务</a>
                    </dd>
                    <dd>
                        <a href="">
                            相关下载
                        </a>
                    </dd>

                </dl>
                <dl>
                    <dt>

                        线下门店

                    </dt>
                    <dd>
                        <a href="">
                            小米之家
                        </a>
                    </dd>
                    <dd>
                        <a href="">
                            服务网点
                        </a>
                    </dd>
                    <dd>
                        <a href="">
                            授权体验店/专区
                        </a>
                    </dd>

                </dl>
                <dl>
                    <dt>

                        关于小米

                    </dt>
                    <dd>
                        <a href="">
                            了解小米
                        </a>
                    </dd>
                    <dd>
                        <a href="">
                            加入小米
                        </a>
                    </dd>
                    <dd>
                        <a href="">
                            投资者关系
                        </a>
                    </dd>
                    <dd>
                        <a href="">
                            企业社会责任
                        </a>
                    </dd>
                    <dd>
                        <a href="">
                            廉洁举报
                        </a>
                    </dd>

                </dl>
                <dl>
                    <dt>
                        <a href="">
                            关注我们
                        </a>
                    </dt>
                    <dd>
                        <a href="">
                            新浪微博
                        </a>
                    </dd>
                    <dd>
                        <a href="">
                            官方微信
                        </a>
                    </dd>
                    <dd>
                        <a href="">
                            廉洁举报
                        </a>
                    </dd>
                    <dd>
                        <a href="">
                            联系我们
                        </a>
                    </dd>

                </dl>
                <dl>
                    <dt>

                        特色服务

                    </dt>
                    <dd>
                        <a href="">
                            F码通道
                        </a>
                    </dd>
                    <dd>
                        <a href="">
                            礼物码
                        </a>
                    </dd>
                    <dd>
                        <a href="">
                            防伪查询
                        </a>
                    </dd>

                </dl>
                <div class="footer_left">
                    <p class="phone">400-100-5678</p>
                    <p>8:00-18:00 (仅收市话费)</p>
                    <button>人工客服</button>
                    <div class="follow">
                        关注小米:
                        <a href=""><i class="fa fa-weibo" aria-hidden="true"></i></a>
                        <a href=""><i class="fa fa-weixin" aria-hidden="true"></i><img src="img/关注小米二维码.png"
                                alt=""></a>
                    </div>
            </div>
        </div>
    </div>
<div class="footer_bottom">
    <!-- <div class="logo"><img src="../images/logo-mi2.png" ></div> -->
    <div class="info_text">
        <p>
            <a href="">小米商城</a>
            <span>|</span>
            <a href="">MIUI</a>
            <span>|</span>
            <a href="">米家</a>
            <span>|</span>
            <a href="">米聊</a>
            <span>|</span>
            <a href="">多看</a>
            <span>|</span>
            <a href="">游戏</a>
            <span>|</span>
            <a href="">政企服务</a>
            <span>|</span>
            <a href="">小米天猫店</a>
            <span>|</span>
            <a href="">小米集团隐私政策</a>
            <span>|</span>
            <a href="">小米公司儿童信息保护规则</a>
            <span>|</span>
            <a href="">小米商城隐私政策</a>
            <span>|</span>
            <a href="">小米商城用户协议</a>
            <span>|</span>
            <a href="">问题反馈</a><br>
            <a href="">北京互联网法院法律服务工作站</a>
            <span>|</span>
            <a href="">中国消费者协会</a>
            <span>|</span>
            <a href="">北京市消费者协会</a>
            <br>
            <a href="">@mi.com</a>
            <span>京ICP证110507号</span>
            <a href="">京ICP备10046444号</a>
            <a href="">京公网安备11010802020134号</a>
            <a href="">京网文[2020]0276-042号</a><br>
            <a href="">(京)网械平台备字（2018）第00005号</a>
            <a href="">互联网药品信息服务资格证(京)-非经营性-2014-0090</a>
            <a href="">营业执照</a>
            <a href="">医疗器械质量公告</a><br>
            <a href="">增值电信业务许可证</a>
            <span>网络食品经营备案</span>
            <span>京食药网食备202010048</span>
            <a href="">食品经营许可证</a><br>
            <span>违法和不良信息举报电话：171-5104-4404</span>
            <a href="">知识产权侵权投诉</a>
            <span>本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
        </p>
        <div class="info_links">
            <a href=""><img src="../images/footer1.png" alt=""></a>
            <a href=""><img src="../images/footer2.png" alt=""></a>
            <a href=""><img src="../images/footer3.png" alt=""></a>
            <a href=""><img src="../images/footer4.png" alt=""></a>
            <a href=""><img src="../images/footer5.png" alt=""></a>
        </div>
    </div>
</div>
</div>
</div>
 </footer>
    <script src="../js/gather.js"></script>
    <script src="../js/cart.js"></script>
</body>

</html>